/*************************
*******body******
**************************/
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body {
	font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	height: 100%;
	min-width: 1260px;
	background: #fff;
	max-width: 100%;
	overflow: auto;
	overflow-x: hidden
}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;  -webkit-appearance:none;}
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none; -webkit-appearance:none;  }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化a的样式和字体样式*/
a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none; }
a:hover{ color: #000; text-decoration:none; }
ul, li, ol {  list-style-type: none;
}
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
/************全局样式************/
.fl {  float: left;  }
.fr { float: right;  }
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
img { border: 0px; vertical-align: middle;  }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar {  display: block;overflow: hidden; width: 100%; }

.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.avatar:hover img {transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3);  }
/*文字超出隐藏*/
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*使容器内容垂直居中*/
.ytable{ display:table; width:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.main_box {
	width: 1200px;
	margin: 0 auto;
}

/*************************
*******首页******
**************************/
/*欢迎进入*/
.welcome { width: 100%;height: 38px; background: #05A25F;}
.welcome_text { font-size: 12px; color: #e3f1ff; line-height: 38px; }
.welcome_nav {font-size: 12px; color: #e3f1ff; height: 38px; line-height: 38px;  }
.welcome_nav a {  font-size: 12px; color: #cbe5ff;  line-height: 38px;  }
.welcome_nav a:hover {  font-size: 12px;  color: #ff0;  line-height: 38px;  }
/*-- Navbar导航 --*/
.navbar {

	z-index: 99;
	width: 100%;
	background-color: #ffffff;
	margin: 0;
	height: 100px;
	padding: 0;
	overflow: hidden;
}
.top {

	height: 100px;
	margin: 0 auto;

}
.topmin {
	width: 100%;
	height: 100px;
	background: #ffffff;
}
.logo {
	width: 270px;
	height: 100px;
	float: left;
	text-align: center;

}
.logo img{ width: 265px;}
.navmenu {
	width: 720px;
	height: 100px;
	float: left;

}

.nav {

	height: 100px;
	line-height: 100px;


}
.nav li {
	text-align: center;
	float: left;
	font-size: 16px;
	width: 14.28%;
}
.nav li a {
	color: #333333;
	display: block;
	text-decoration: none;
	transition: all .5s linear;

}
.nav li a:hover {
	display: block;
	background: #05A25F;
	color: #ffffff
}
.telbox {
	width:200px;
	float: right;
	height: 100px;
	margin-left: 10px;
}
.telbox .tel-num-block {
	background: url(../images/side_con_icon02.png) no-repeat left center;
	height: 100px;

}

.telbox .tel-num {
	font-size: 26px;
	font-family: "impact";
	color: #05A25F;
	padding-left: 35px;


}
.telbox .tel-num span{ color: #333333; font-size: 14px;}
/*-- Navbar导航 end--*/
/*-- 轮番大图Slider --*/
.slider {
	position: relative;
	padding: 0;
	margin: 0;


}
.slider:hover .centered-btns_nav{ display: block;}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;

}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;


}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	border: 0;


}
a.callbacks_nav {
	display: none;
}
ul.callbacks_tabs {
	position: absolute;

	bottom: 5%;
	left: 44.3%;
}
ul.callbacks_tabs li {
	display: inline-block;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	visibility: visible;
	display: inline-block;
	height: 5px;
	width: 40px;
	background: #484A50;
}
.callbacks_here a:after {
	background: #FFF;
}

.centered-btns_nav { 	display: none; position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(../images/arrow.gif); overflow: hidden; opacity: .5;filter:alpha(opacity=50);}
.next { right: 60px; background-position: right 0px;}
.prev {left: 60px; background-position: left 0px;}
.centered-btns_nav:active { opacity: 1;filter:alpha(opacity=100);}
.centered-btns_tabs { position: absolute; bottom: 20px;left:15%; right: 15%; text-align: center; font-size: 0; list-style-type: none;z-index:9;}
.centered-btns_tabs li { display: inline-block; margin: 0 10px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { border: 1px solid #dedede; display: inline-block; width: 14px; height:14px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #05A25F;}
/*-- 轮番大图Slider end --*/

/*产品中心*/
.product{ margin-top: 80px;}
.slide-nav {
	float: left;
	width: 22%;
	margin-top: 20px;
	border-radius:20px 0 0px 0px;
	border: 1px solid #dedede;
	border-bottom: 0;

}
.slide-nav p {
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	height:90px;
	line-height: 90px;
	border-radius:20px 0 0px 0px;
	background: #05A25F;

}
.slide-nav p img{ padding-right: 15px;}

.slide-nav ul {
	list-style: none;
	background: #f1f1f1;

}
.slide-nav ul li {
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.slide-nav ul li a {
	text-decoration: none;
	line-height:45px;
	font-size: 14px;
	margin-top: 0;
	padding: 0 10px;
	margin: 0px 30px;
	display: block;
	background: url(../images/icon.png) no-repeat right ;
	color: #333;
	transition: all 0.3s;
}
.slide-nav ul li a:hover {
	color: #05A25F;


}
.slide-content {
	float: right;
	width: 75%;
	padding-bottom: 20px;
	height: auto;
	margin-top: 5px;
}
.prolt{ float:left; width:46%;  margin-top:15px; }
.prolt img { border:1px solid #dedede;}
.prort{ float:right; width:50%; margin-top:15px; padding-left:2%; border-left:0;}
.pro_title{    font-size:32px;
	color: #212121;
	font-weight: 700;}
.pro_title a{color: #333; text-decoration:none;}
.pro_title2 {font-size: 14px;color: #666;line-height: 28px;margin-top: 20px;}
.pro_title2 a:hover{ color:#05A25F}
.prort span{margin-top: 40px;overflow: hidden; display:block;}
.prort span a{width: 140px;height: 40px;background: #05A25F ;color: #fff;border-radius: 50px;line-height: 40px;font-size: 14px;display: block; text-align: center;margin-left: 10px;float: left;}
.prort span a.a2{background: #E8BD15;}
.prort span a:first-child{margin-left: 0;}
.prort span .a1:hover{background: #057C4B ;}
.prort span .a2:hover {background: #C9A20D ;}
.pro_box {
	overflow: hidden;
	margin:15px auto;


}
.pro_box ul {
	overflow: hidden;
	padding: 0;
}
.pro_box li {

	float: left;
	width: 23%;
	margin:7px 0.5%;
	display: block;
	border: 2px solid #dedede;


}
.pro_box li:hover a {
	color: #fff;

}
.pro_box li:hover {

	display: inline-block;
	border:2px solid;
	border-image: -webkit-linear-gradient( #15C6E8, #E3E817) 30 30;
	border-image: -moz-linear-gradient( #15C6E8, #E3E817) 30 30;
	border-image: linear-gradient( #15C6E8, #E3E817) 30 30;
}
.pro_box li:hover p{ background:#E8BD15;}
.pro_box li:nth-child(4n+1){ margin-left: 0;}
.pro_box li img {
	display: block;


}

.pro_box li p {
	font-size: 15px;
	font-weight: normal;
	padding: 10px 0;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #05A25F;
	transition: all .5s linear;
}
.pro_box li p a {
	color: #fff;
}


.pro_boxx {
	overflow: hidden;
	margin:15px auto;


}
.pro_boxx ul {
	overflow: hidden;
	padding: 0;
}
.pro_boxx li {

	float: left;
	width: calc(31% - 4px);
	margin:10px 0 10px 3.5%;
	display: block;
	border: 2px solid #dedede;


}
.pro_boxx li:hover a {
	color: #fff;

}
.pro_boxx li:hover {

	display: inline-block;
	border:2px solid;
	border-image: -webkit-linear-gradient( #15C6E8, #E3E817) 30 30;
	border-image: -moz-linear-gradient( #15C6E8, #E3E817) 30 30;
	border-image: linear-gradient( #15C6E8, #E3E817) 30 30;
}
.pro_boxx li:hover p{ background:#E8BD15;}
.pro_boxx li:nth-child(3n+1){ margin-left: 0;}
.pro_boxx li img {
	display: block;


}

.pro_boxx li p {
	font-size: 15px;
	font-weight: normal;
	padding: 10px 0;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #05A25F;
	transition: all .5s linear;
}
.pro_boxx li p a {
	color: #fff;
}

.btn {
	overflow: hidden;
	width: 128px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.btn span {
	display: block;
	float: left;
	margin: 0 2px;
	width: 58px;
	height: 1px;
	border: 1px solid #999;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.btn span.cur {
	border: 1px solid #ff0;
	opacity: 1;
	filter:alpha(opacity=100);
	background-color: #ff0;
}
.more {
	display: block;
	width: 248px;
	height: 38px;
	transition: all .5s linear;
	border: 1px solid #CECECE;
	margin: 0 auto;
	text-align: center;
	line-height: 38px;
	font-size: 12px;
	color: #888;
	margin-top: 40px;
	font-family: Arial;
}
.more a {
	display: block;
}
.pro_box li:hover {
	box-shadow: 0 0 10px #ccc;
}
.more:hover{ background: #05A25F;}
.more a:hover{ color: #ffffff;}

/*产品中心end*/
/*厚浦简介*/
.abg{
	background: url("../images/abbg.png") no-repeat top;
	background-size: 100%;
	padding-top: 70px;
	margin-top: 30px;
}

.about{ margin-top: 30px; background: #ffffff;}
.ab_l{float: left;width: 47%;}
.ab_r{float: right;width: 47%;}
.ab_p1{color: #DEE0DF; font-size: 58px; font-family:"Bodoni Poster SSi,Arial";font-weight: normal; line-height: 56px; margin-top: 30px;}
.ab_p3{ margin-top: 10px; color: #3B383F; font-size: 34px; margin-top: -30px; }
.ab_p2{ margin-top: 5px; font-size: 34px; font-weight: bold; color: #05A25F; letter-spacing: 1px;}
.ab_p4{ line-height: 28px; color: #36393A; font-size: 15px; margin-top: 20px;}
.line{ display: block; width: 300px; height: 5px; border-bottom: 1px solid #C3C5C4}
.ab_r span a{ display: block;background:#05A25F; margin-top: 30px;  width: 160px; height: 49px; line-height: 49px;padding-left:20px; text-align: left; font-size: 15px; color: #fff; }
.ab_r span a:hover i{ padding: 0 30px;  }
.ab_r span a i{ background: #E8BD15;display: block;height: 49px; padding: 0 15px; line-height: 49px; float: left;	transition: all .5s linear;}
/* 厚浦简介 end*/
/*工程案例*/
.case_list{ margin-top:80px;  background-color: #DEF2FC; /* 不支持线性的时候显示 */
	background-image: linear-gradient(to bottom right, #DEF2FC , #DEDEDE);
	background: -moz-linear-gradient(to bottom right,  #DEF2FC , #DEDEDE);
	background: -webkit-linear-gradient(to bottom right,  #DEF2FC , #DEDEDE);
	padding-bottom: 60px;
	padding-top: 30px;

}

.case_list dl{float: left;width:31.2%;margin-left:1.5%; height: 100%;position: relative;margin-bottom: 30px;overflow: hidden;}
.case_list dt{width: 100%;display: block;}
.case_list dt img{width: 100%;display: block;}
.case_list dd{position: absolute;left:0;bottom:-100%;background:rgba(5,162,95,.7);width: 100%;height: 100%;transition: all 0.3s linear 0s;}
.case_title {padding-top: 24%;height: 44px;line-height: 44px;text-align: center;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;}
.case_title a{color: #fff;}
.case_list span{display:block; width:320px;margin:0 auto;}
.case_list span a{display: block;background:url(../images/cpbtn.png) no-repeat;margin:10px 10px 0 0;width: 90px;height: 40px;line-height: 40px;padding-left: 50px;font-size: 16px;color: #fff;float:left; }
.case_list span a:hover{ color: #E8BD15;}
.case_list dl:hover dd{bottom:0;}

/*工程案例 end*/
/*新闻*/
.titlebg{ background:url("../images/title.png") no-repeat center ;}
.title {
	font-size: 34px;
	font-weight: bold;
	line-height: 50px;
	color: #05A25F;
	text-align: center;
	margin-top: 40px;
}
.title2 {
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #5f6367;
	padding-bottom: 50px;
}

.news{ margin-top: 80px;}
.xw_r {
	width: 48%;
	margin: 10px 1%;

}
.xw_r dl{padding:20px 0;width: 100%; border-bottom: #d9d9d9 1px dashed;overflow: hidden;}
.xw_r dl dt{width: 30%;overflow: hidden;line-height: 0;float: left;}
.xw_r dl dd{width: 65%;float: right; }
.xw_r .news_r{width:66%;float: left; padding-right: 1%; overflow:hidden; border-right: 1px solid #dedede;}
.xw_r dl dd p{height: 30px;line-height: 30px;overflow: hidden; font-weight: bold;}
.xw_r dl dd p a{font-size: 16px;color: #333;display: block;}
.xw_r .news_desc{font-size: 14px; color: #888; line-height: 24px; }

.news_more{display: block;width: 132px; font-style: normal;text-align: center;height: 32px;line-height: 32px; margin-top:10px;background: #05A25F;font-size: 13px;color: #fff;	transition: all .5s linear;}
.xw_r dl dd span{display: block;float: left;height: 53px;width:28%; font-size: 14px;padding: 15px 0 0;color: #333;text-align: center;margin-top: 30px;}
.xw_r dl dd span b{display: block;font-size: 40px;}
.news_more:hover{ background: #E8BD15; color: #fff;}

/*底部开始*/

.footerCenter {
	width: 100%;
	background: #383A42;
	margin-top: 80px;

}
.footerCenter .conBox {
	padding: 10px 0;
	display: flex;
	background: #05A25F;

}
.footerCenter .conBox dl {
	width: 100%;
	float: left;
	border-right:1px solid #0DB96F;
	text-align: center;

}
.footerCenter .conBox dl:last-child{ border-right:0px solid #0DB96F;}

.footerCenter .conBox dt p {
	font-size: 16px;
	color: #ffffff;
	padding: 10px 0;
	font-weight: normal;
}
.footerCenter .conBox dt p a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.footerCenter .conBox dt span {
	display: block;
	font-size: 12px;
	color: #ffffff;
	font-family: arial;
	margin-top: 5px;
	word-spacing: 2px;
}
.footerCenter .conBox dt p a:hover{ color: #E8BD15;}
.footerCenter .conBox dt p a:hover span{color: #E8BD15;}

.footerCenter .conBox dl:first-child {
	border-left: none;
}


.box1 {

	width:20%;
	text-align: right;
	position: relative;
	margin-top: 30px;
}

.box1 p {
	color: #ffffff;
	margin-top: 12px;
	padding-left: 20px;
}
.footerlogo{ width: 30%; margin-top: 40px;}
.box2 {
	width:50%;
	color: #ffffff;
	margin-top: 30px;

}
.box2  p {
	font-size: 15px;
	color: #ffffff;
	width:50%;
	float: left;
	line-height: 32px;

}


.footerCenter .copright {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid #4D4D4D;
}
.footerCenter .copright a{ color: #ffffff;}
/*底部 end*/
/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 80px;
	width: 70px;
	height: 240px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #05A25F;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
}
.suspension .a.active, .suspension .a:hover {
	background: #05A25F;
}
.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}
.suspension .a-qrcode .i {
	background-position: -44px 0;
}
.suspension .a-cart .i {
	background-position: -88px 0;
}
.suspension .a-top .i {
	background-position: -132px 0;
}
.suspension .a-top {
	background: #D2D3D6;
	display: none;
}
.suspension .a-top:hover {
	background: #c0c1c3;
}
.suspension .d {
	display: none;
	width: 223px;
	background: #fff;
	position: absolute;
	right: 67px;
	min-height: 90px;
	border: 1px solid #E0E1E5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;

	right: -8px;
	top: 31px;
}
.suspension .d-service {
	top: 0;
}
.suspension .d-service-phone {
	top: 34px;
}
.suspension .d-qrcode {
	top: 78px;
}
.suspension .d .inner-box {
	padding: 8px 22px 12px;
}
.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}
.suspension .d-service .d-service-item {
	border-bottom: none;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}

.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item p {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text .number {
	color: #05A25F;
	font-weight: bold;
}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	line-height: 28px;
	font-size: 14px;

	text-align: center;
	color: #888;
}

.suspension .d-qrcode {
	text-align: center;
}
.suspension .d-qrcode .inner-box {
	padding: 20px 0;
}
.suspension .d-qrcode p {
	font-size: 16px;
	color: #93959c;
}